<script>
export default {
  name: "ChildComponent",
  computed: {
    // 使用 Vuex 的 getter 获取状态
    message() {
      return this.$store.getters.getMessage;
    }
  },
  methods: {
    // 调用 Vuex 的 action 来更新状态
    updateMessage(newMessage) {
      this.$store.dispatch('setMessage', newMessage);
    }
  }
}
</script>

<template>
  <div>
    <h2>子组件</h2>
    <p>从 Vuex 获取的消息：{{ message }}</p>
    <button @click="updateMessage('New message from child')">更新消息</button>
  </div>
</template>

<style scoped>

</style>
